<template>
  <div class="common-layout">
    <el-container>
      <el-header style="background-color: #f3f2f2;height: 120px">
        <img src="@/assets/logo.png" alt="加载失败" style="width: 280px">
        <span style="margin-top:-85px;font-size: 3em;display: flex;justify-content: center;color: #42b8e3;text-shadow: 3px 3px 0 #000, 6px 6px 0 rgba(0, 0, 0, 0.2);">大白影视管理系统</span>
        <div class="toolbar">
          <el-dropdown>
            <el-icon style="margin-left:1900px;padding-right: 10px" size=large>
              <setting />
            </el-icon>
            <template #dropdown>
              <el-dropdown-menu>
                <el-dropdown-item @click="entryLogin">切换用户</el-dropdown-item>
                <el-dropdown-item @click="entryHome">退出登录</el-dropdown-item>
              </el-dropdown-menu>
            </template>
          </el-dropdown>
          <span style="font-size: 1em;font-weight: bold">欢迎您，管理员</span>
        </div>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <common-aside/>
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>


<script setup>
import CommonAside from "@/components/CommonAside.vue";

import { Setting } from '@element-plus/icons-vue'
import router from "@/router/index.js";
function entryHome(){
  router.push({
    path: "/",
  });
}
function entryLogin(){
  router.push({
    path: "/login",
  });
}
</script>

<style scoped>

</style>
